import React from "react";
import { View, Text, TouchableOpacity } from "react-native";
import styles from "./index.style";
import { useTheme } from "@/contexts/ThemeContext";

export default function ShortcutEntry() {
  const items = ["新朋友", "群通知"];
  const { colors } = useTheme();
  return (
    <View style={styles.container}>
      {items.map((label) => (
        <TouchableOpacity
          key={label}
          style={[styles.item, { borderBottomColor: colors.border.divider }]}
        >
          <Text style={[styles.label, { color: colors.text.primary }]}>
            {label}
          </Text>
          <Text style={[styles.arrow, { color: colors.text.secondary }]}>
            {">"}
          </Text>
        </TouchableOpacity>
      ))}
    </View>
  );
}
